/* CSS Document */

/*banner的CSS布局*/
#cms .list .ntitle{
	text-align: center;
	white-space: nowrap;
	overflow: hidden; float:left; width:100%;
}

.banner{ width:100%; overflow:hidden; position:relative; }

.banner .hd{ height:20px; overflow:hidden; position:absolute;right:0; left: 0;  margin: 0 auto; bottom:30px;z-index:2; }
.banner .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.banner .hd ul li{ display:inline-block; margin:0 4px;  width:12px; height:12px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:rgba(255,255,255,1); color:#fff;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{ cursor: w-resize}
.banner .bd li a .img{ width:100%;background-position: center top; background-repeat: no-repeat; }
.banner .bd li a img{ max-width: 100%; display:none}

.fuwu2{ display:none}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
.app_header{ display:none}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
.app_top{width:100%;height:50px; float:left; background-color:#FFFFFF; display:none; clear:both}
.case2{ display:none}

/*手机端*/
@media screen and (max-width : 767px){
.main{ max-width:100%;}
#left{ display:none}
#right{ width:100%;}
#postion .postion{ display:none}
.fuwu{ display:none}
.fuwu2{ display:block}
.fuwu2 .picli{
	width:46%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	height:auto;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.fuwu2 .picli img{
	width:100%;
	height:auto;
	border: 1px solid #ddd;
}
.fuwu2 .picli .ntitle{ display:none}
.app_top{ display:block;}

#top1,.bg{ display:none}
*,body{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
#left{ display:none}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:50px; float:left; width:100%;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22; background-color:#FFFFFF; display:block; top:0px; left:0px; background-color:rgba(255,255,255,.8);
}
.box,.box1{ max-width:100%;}
	.app_header .app_logo{ width:250px;  float:left;}
.app_header .app_logo img{ max-width:100%;}
	.app_header .morenav{ float:right; display:block; background:#699403 url(app_nav_line.png) no-repeat center center; width:40px; height:40px; margin-top:5px; margin-right:10px;}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}
.banner .bd li a .img{ display:none}
.banner .bd li a img{ display:block; max-width:100%; }
/*.banner .bd li{height:100px}*/
.banner{ height:100px; max-width:100%; }


.about *,.case2 *,.news *,.lianxi *{ max-width:100%;}
.case{ display:none}
.about,.case2,.news,.lianxi{ display:block; width:100%;}

.case2 .picli{
	width:46%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	height:auto;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.case2 .picli img{
	width:100%;
	height:auto;
	border: 1px solid #ddd;
}
.fuwu2 .picli:nth-child(odd),.case2 .picli:nth-child(odd),#cms .list:nth-child(odd){ clear:both}
.case2 .more,.fuwu2 .more,.about .more{ clear:both; padding-top:10px; float:left; width:100%;}
.news .econtent,.lianxi .econtent,.about .econtent{ height:auto; margin:auto; float:left; width:100%;}
/*.footnav{ display:none}*/
#cms .list{
	width:46%;
	margin-right: 2%;
	margin-left: 2%; overflow:hidden; float:left;
}
#cms .list *{ max-width:100%;}
#cms *,#cms1 *{ max-width:100%;min-height:0px;}
#cms ,#cms1{min-height:0px;}
#cms .li{ float:left; width:100%;}
#cms .li .ntitle{
	float:left;
	width:100%;
	text-align: left;
	white-space: nowrap; overflow:hidden;
}
#cms .li .date{ display:none}
.main .box1{ background-image:none}
}